<ion-view hide-nav-bar="true" class="background-intro">
    <ion-content has-header="false" hide-nav-bar="true" padding="true" has-tabs="false">
        <ion-slide-box show-pager="true">
            <ion-slide>
                <h1 style="color: #FFF;text-align: center;">MM Class</h1>
                <p class="tagline">Share video lessons</p>
                <img style="height: 133px; width: 133px;" src="img/intro_1.png">
            </ion-slide>
            <ion-slide>
                <h1 style="color: #FFF;text-align: center;">Open discussion</h1>
                <p class="tagline">Discuss lessons together</p>
                <img style="height: 133px; width: 133px;" src="img/intro_3.png">
            </ion-slide>
            <ion-slide>
                <h1 style="color: #FFF;text-align: center;">Latest software news</h1>
                <p class="tagline">Share latest software news with friends</p>
                <img style="height: 133px; width: 133px;" src="img/intro_2.png">
            </ion-slide>
        </ion-slide-box>
    </ion-content>
    <ion-footer-bar class="bar-dark">
        <div class="row">
            <div class="col">
                <a ui-sref="signin" class="button-intro button-dark">
                    I have an account
                </a>
            </div>
            <div class="col">
                <a ui-sref="signup" class="button-intro button-positive">
                    REGISTER
                </a>
            </div>
        </div>
    </ion-footer-bar>
</ion-view>